known-css-properties

What is known-css-properties?

The known-css-properties npm package provides a comprehensive list of all known CSS properties. It is useful for validating CSS properties, building CSS parsers, or creating tools that need to work with CSS properties.

What are known-css-properties's main functionalities?

List all known CSS properties

This feature allows you to retrieve a list of all known CSS properties. The code sample demonstrates how to import the package and log the list of properties to the console.

const knownCssProperties = require('known-css-properties');
console.log(knownCssProperties.all);

Check if a property is known

This feature allows you to check if a specific CSS property is known. The code sample shows how to check if 'color' is a known CSS property.

const knownCssProperties = require('known-css-properties');
const isKnown = knownCssProperties.all.includes('color');
console.log(isKnown); // true

Other packages similar to known-css-properties

css-properties

The css-properties package provides a list of all CSS properties, similar to known-css-properties. It is useful for validating and working with CSS properties. However, it may not be as comprehensive or up-to-date as known-css-properties.

mdn-data

The mdn-data package provides data from the MDN (Mozilla Developer Network) about various web technologies, including CSS properties. It offers a broader range of data beyond just CSS properties, making it more versatile but potentially more complex to use for just CSS properties.

README

Known CSS properties

List of standard and browser specific CSS properties.

Sources

1. Standard properties (only 'REC', 'CR', 'LC', 'WD', 'FPWD', 'ED' statuses): http://www.w3.org/Style/CSS/all-properties.en.json
2. Browser supported properties from window.getComputedStyle / document.body.style

Browser versions

Desktop

Name	Versions
Chrome	14 - 115
Firefox	6 - 113, 115
Edge	13 - 18
Safari	6, 6.2, 7 - 9, 9.1, 10.0, 11.0, 11.1, 12.0, 12.1, 13.0, 13.1, 14, 14.1, 15.1, 15.4, 16.0
Internet Explorer	8 - 11
Opera	12.10, 12.14, 12.15, 12.16, 36 - 40, 45, 56, 58

Mobile

Name	Versions
iOS Safari	6 - 8, 8.3, 9.0, 9.3, 10.0, 10.2, 10.3, 11.0, 11.2, 11.3, 11.4, 12.0 , 12.1, 13.1, 14, 14.1, 15.1, 15.4, 15.6, 16.0, 16.4
Chrome for Android	30, 35, 37, 44, 46, 51, 55 - 62, 64, 66 - 76, 78 - 79, 81, 83, 91, 94, 96, 100, 101, 110, 113 - 114
Firefox for Android	47, 52 - 54, 57, 58, 62 - 64, 66, 68, 81, 85, 91, 99, 101, 106, 110, 115
IE mobile	11
Opera Mobile	42.7, 43, 47.1, 73.2
Samsung Internet	4.0, 6.4, 7.4, 8.2, 9.0, 14.2, 19.0, 22.0
UC Browser for Android	11.2, 12.9, 12.10, 13.1, 13.4

JavaScript API

const properties = require('known-css-properties').all;

Thanks

We use SauceLabs live testing solution for gathering most of the data.